body {
    height: 100%;
    .app-main {
      width: 100%;
      background-color: rgb(240, 249, 250);
      padding-bottom: 100px;
  
      .main-username {
        height: 180px;
        padding: 10px;
        background-color: #fff;
        .username {
          margin-bottom: 16px;
          justify-content: space-between;
          .usernameimg {
            width: 120px;
            height: 120px;
            border-radius: 50%;
            border: 2px solid rgba(66, 148, 255, 100);
            position: relative;
            img{
            width: 116px;
            height: 116px;
            border-radius: 50%;
            }
            .icon-VIP {
              position: absolute;
              top: 70px;
              left: 80px;
              color: rgb(214, 131, 75);
              font-size: 50px;
            }
          }
          .usernamemas {
            justify-content: space-around;
  
            span {
              height: 30px;
              color: rgba(16, 16, 16, 100);
              font-size: 22px;
              margin-left: 20px;
            }
          }
  
          .usernamearrows {
            color: rgba(138, 138, 138, 100);
            align-self: center;
            font-size: 45px;
            margin-left: 12%;
          }
        }
      }
  
      .Personal-dynamic {
        height: 55px;
        line-height: 55px;
        background-color: #fff;
        margin: 20px 0 0 0;
        padding: 0 10px;
        justify-content: space-between;
        .icon-database,
        .icon-shiyongshiduanfenxi {
          font-size: 30px;
          vertical-align: middle;
          color: rgba(66, 148, 255, 100);
        }
        .arrows {
          margin-left: 0;
          font-size: 24px;
        }
        .icon-shiyongshiduanfenxi {
          font-size: 24px;
          vertical-align: middle;
          margin-right: 5px;
        }
      }
  
      .dynamic {
        background-color: #fff;
        height: 80px;
        padding: 0 10px;
        .total-movement {
          flex: 1;
          height: 80px;
  
          .movement {
            color: rgba(138, 138, 138, 100);
            font-size: 16px;
          }
  
          .movement-time {
            color: rgba(66, 148, 255, 100);
            font-size: 40px;
            text-align: center;
            span {
              font-size: 12px;
              color: #000;
            }
          }
        }
  
        .total {
          border-right: 1px dashed #ccc;
        }
  
        .weekuse {
          padding-left: 10px;
        }
      }
  
      .weekuse {
        flex: 1;
      }
  
      .Personal-dynamic {
        padding: 0 10px;
        .icon-badge {
          font-size: 24px;
          vertical-align: center;
          color: rgba(66, 148, 255, 100);
        }
      }
  
      .dynamic {
        justify-content: space-between;
        padding: 0 10px;
        height: 100px;
        li {
          width: 100px;
          height: 100px;
          border: 1px solid rgba(187, 187, 187, 100);
          border-radius: 50%;
        }
      }
  
      .dynamic1{
          height: 120px;
      }
  
      .log-out {
        color: rgba(66, 148, 255, 100);
        font-size: 18px;
        padding-bottom: 50px;
        height: 60px;
        justify-content: center;
      }
    }
  }
  